// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div
const list = [
  {id:100, name:'vue'},
  {id:102, name:'react'},
  {id:103, name:'angular'}
]
function App02() {
  return (
    <div className="App">
      {/* 
      渲染列表
      只要有重复元素的遍历渲染，就要求设置一个key，值在整个渲染列表中为唯一值 
      注意事项：加上一个独一无二的key
      key的作用：React框架内部使用，提升更新性能的
      */}
      {list.map(item => <li key={item.id}>{item.name}</li>)}
    </div>
  )
}

export default App02
